<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
    <title>测试</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="../../css/login2.css" rel="stylesheet" type="text/css" />
    <!--bootstrap4pop-->
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap4pop/bs4.pop.css">
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap4pop/index.css">
</head>
<body>
    <h1>测试<sup>V2020</sup></h1>

    <div class="login" style="margin-top:50px;">

        <div class="header">
            <div class="switch" id="switch"><a class="switch_btn_focus" id="switch_qlogin" href="javascript:void(0);" tabindex="7">快速登录</a>
                <a class="switch_btn" id="switch_login" href="javascript:void(0);" tabindex="8">快速注册</a><div class="switch_bottom" id="switch_bottom" style="position: absolute; width: 64px; left: 0px;"></div>
            </div>
        </div>


        <div class="web_qr_login" id="web_qr_login" style="display: block; height: 235px;">

            <!--登录-->
            <div class="web_login" id="web_login">


                <div class="login-box">


                    <div class="login_form">
                        <form name="loginform" accept-charset="utf-8" id="login_form" class="loginForm" method="post"><input type="hidden" name="did" value="0"/>
                            <input type="hidden" name="to" value="log"/>
                            <div class="uinArea" id="uinArea">
                                <label class="input-tips" for="u">帐号：</label>
                                <div class="inputOuter" id="uArea">

                                    <input type="text" id="username" value="admin" name="username" class="inputstyle"/>
                                </div>
                            </div>
                            <div class="pwdArea" id="pwdArea">
                                <label class="input-tips" for="p">密码：</label>
                                <div class="inputOuter" id="pArea">

                                    <input type="password" id="pwd" value="666666" name="p" class="inputstyle"/>
                                </div>
                            </div>

                            <div style="padding-left:50px;margin-top:20px;"><input type="button" id="login" value="登 录" style="width:150px;" class="button_blue"/></div>

                        </form>
                    </div>

                </div>

            </div>
            <!--登录end-->
        </div>

        <!--注册-->
        <div class="qlogin" id="qlogin" style="display: none; ">

            <div class="web_login"><form name="form2" id="regUser" accept-charset="utf-8"  action="" method="post">
                <input type="hidden" name="to" value="reg"/>
                <input type="hidden" name="did" value="0"/>
                <ul class="reg_form" id="reg-ul">
                    <div id="userCue" class="cue">快速注册请注意格式</div>
                    <li>

                        <label for="user"  class="input-tips2">用户名：</label>
                        <div class="inputOuter2">
                            <input type="text" id="user" name="user" maxlength="16" class="inputstyle2"/>
                        </div>

                    </li>

                    <li>
                        <label for="passwd" class="input-tips2">密码：</label>
                        <div class="inputOuter2">
                            <input type="password" id="passwd"  name="passwd" maxlength="16" class="inputstyle2"/>
                        </div>

                    </li>
                    <li>
                        <label for="passwd2" class="input-tips2">确认密码：</label>
                        <div class="inputOuter2">
                            <input type="password" id="passwd2" name="" maxlength="16" class="inputstyle2" />
                        </div>

                    </li>

                    <li>
                        <label for="qq" class="input-tips2">QQ：</label>
                        <div class="inputOuter2">

                            <input type="text" id="qq" name="qq" maxlength="10" class="inputstyle2"/>
                        </div>

                    </li>

                    <li>
                        <div class="inputArea">
                            <input type="button" id="reg"  style="margin-top:10px;margin-left:85px;" class="button_blue" value="同意协议并注册"/> <a href="#" class="zcxy" target="_blank">注册协议</a>
                        </div>

                    </li><div class="cl"></div>
                </ul></form>


            </div>


        </div>
        <!--注册end-->
    </div>
    <div class="jianyi">*推荐使用Chrome内核浏览器访问本站*</div>
    <script type="text/javascript" src="../../js/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="../../images/login.js"></script>
    <script type="text/javascript" src="../../js/myJQ.js"></script>
    <script type="text/javascript" src="../../../js/bootstrap4pop/bs4.pop.js"></script>
    <script type="text/javascript">
        var basePath = "";
        $(function () {
            basePath = getRootPath();
        })
            //登录
        $("#login").click(function () {
            var username = $("#username").val();
            var pwd = $("#pwd").val();
            if (username==null || username==""){
                $('#username').focus();
                $('#username').focus().css({
                    border: "1px solid red",
                    boxShadow: "0 0 2px red"
                })
                return;
            }if (pwd==null || pwd==""){
                $('#pwd').focus();
                $('#pwd').focus().css({
                    border: "1px solid red",
                    boxShadow: "0 0 2px red"
                })
                return;
            }
            $.ajax({
                type:"POST",
                url:"/submit",
                dataType:'json',
                data:{userName:username,pwd:pwd},
                success:function (result) {
                    debugger
                    if(result.errorKey=="OK"){
                        window.location.href = basePath + "/home";
                    }else {
                        notice();
                    }

                }
            });
        });
        
        var notice = function () {
            bs4pop.notice('这个是消息内容', {position: 'topleft'});
        }
    </script>
</body>
</html>